// 生命周期演示组件1----初始化
import React, {Component} from 'react';
export default class LifeCircle1 extends React.Component {
  constructor() {
    super();
    this.p1 = React.createRef()
    this.state = {
      msg: 'hello'
    }
  }
  // 组件即将安装----可以在这里发送http请求！！！
  // 组件即将安装----可以在这里发送http请求！！！
  // 组件即将安装----可以在这里发送http请求！！！
  componentWillMount() {
    console.group('组件即将安装');
    console.log(this.state);
    console.groupEnd()
  }
  // 组件即将安装----可以在这里发送http请求！！！
  // 组件即将安装----可以在这里发送http请求！！！
  // 组件即将安装----可以在这里发送http请求！！！

  // 组件安装完成
  componentDidMount() {
    console.group('组件安装完成');
    console.log(this.state);
    console.groupEnd()
    console.log('-----------------')
    console.log(this.p1.current);
    console.log('-----------------')
  }
  // 渲染安装
  render() {
    console.group('组件正在安装-渲染');
    console.log(this.state);
    console.groupEnd()
    return (<div>
      <p ref={this.p1}>{this.state.msg}</p>
    </div>)
  }
}